<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = path + "/common/web/zmxy";
%>
<c:set var="path" value="<%=path%>"></c:set>
<c:set var="basePath" value="<%=basePath%>"></c:set>
<html lang="en">
<head>
<meta charset="utf-8">
<title>还款方式</title>
<meta http-equiv="Expires" content="-1">               
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache"> 
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="${basePath}/css/jquery.mobile-1.4.2.min.css">
<link rel="stylesheet" type="text/css" href="${basePath}/css/basic.css" />
<link rel="stylesheet" type="text/css" href="${basePath}/css/common.css" />
 
<script type="text/javascript" src="${basePath}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${basePath}/js/jquery.mobile-1.4.2.min.js"></script>
<script>
     $(document).ready(function(e) {
            $('.yh_in h2').click(function(){
				$(this).next().slideToggle("slow");		
				 $(this).toggleClass("jt_s");
		 	$('.jt-xs i').show();
			});
            setTitles();
            
        });
     function setTitles(){
    	 var type='${type}';
    	 var id = '';
    	 var sId='';
    	 var hId='';
  
    	 if(type && (type == 1 || type == 2||type && type == 3)){
    		 id = "#jf_1";
    		 sId = '#jf1';
    		 hId = '#jf2';
    	 }
    	 $(id).toggleClass("jf_z");
    	 $(sId).show();
		 $(hId).hide();
		 $('#h_'+type).toggleClass("jt_s");
		 $('#d_'+type).show();
     }
          </script>
          </head>
          <body>
<!-- <div class="header"> <a class="back_arr" href="javascript:void(0);"></a>
            <h1>还款方式</h1>
          </div> -->
<!-- main start -->
<div class="wrapper">
    <div class="jf">
    <div id="jf1" >
                <div class="yh_in">
                <%-- <h2 id="h_1"><i></i>1.一键还款（推荐）</h2>
        <div id="d_1" class="yh_in1" style="display:none;">
                    <ul>
            <li>
                        <h3>第一步：在还款页点击本次需要还款的订单</h3>
                      </li>
            <li><img src="${basePath}/images/dh41.png"></li>
            <li>
                        <h3>第二步：点击立即还款</h3>
                      </li>
            <li><img src="${basePath}/images/dh42.png"></li>
            <li>
                        <h3>第三步：选择银行卡支付</h3>
                      </li>
            <li><img src="${basePath}/images/dh43.png"></li>
            <li>
                        <h3>第四步：输入交易密码即可还款</h3>
                      </li>
            <li><img src="${basePath}/images/dh44.png"></li>
          </ul>
                  </div> --%>
        <h2 id="h_1"><i></i>1.主动发起还款（推荐）</h2>
        <div  id="d_1" class="yh_in1" style="display:none;">
                    <ul>
            <li>
                        <h3>第一步：在还款页点击本次需要还款的订单</h3>
                      </li>
            <li><img src="${basePath}/images/dy_icon.png"></li>
            <li>
                        <h3>第二步：点击立即还款</h3>
                      </li>
            <li><img src="${basePath}/images/de_icon.png"></li>
            <li>
                        <h3>第三步：选择银行卡支付</h3>
                      </li>
            <li><img src="${basePath}/images/ds_icon.png"></li>
            <li>
                        <h3>第四步：输入交易密码即可还款</h3>
                      </li>
            <li><img src="${basePath}/images/dss_icon.png"></li>
          </ul>
                  </div>
        <h2  id="h_2"><i></i>2.到期自动代扣（推荐）</h2>
        <div  id="d_2" class="yh_in2" style="display:none;">
        	<li>
                 <p>在还款日之前（含当日），把本次所需还款的金额存入绑定的银行卡内，我司会在还款日的10点，20点进行扣款，如成功，将会以短信形式通知您。</p>
                 </li>
         </div>
         <%-- <h2  id="h_3"><i></i>3.扫码还款（推荐）</h2>
        <div  id="d_3" class="yh_in2" style="display:none;">
        	<li>
                 <p>备注：支持支付宝、微信还款</p><p>(1)自己还款：截图保存至本地相册，打开支付宝扫一扫通过选择本地相册的二维码图片进行还款；(2)他人代还：截图转发给他人，由他人通过支付宝/微信扫码代还。</p>
              </li>
         </div> --%>
      </div>
     </div>
  </div>
            <!-- main end --> 
            <!-- footer start --> 
            
            <!-- footer end --> 
          </div>
<script >

</script>
</body>
</html>
